<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
</head>
<body>
<div class="container">
    <p>
        <!--text-*为了表明 文字里面的重要信息的-->
        <span class="text-muted"> 范例共准备了三个加</span>入 opacity 效果的 DIV 区块，各位可以注意到从最上面开始的第一个区块，
        不透明度为 0.1（opacity:0.1）所以整个区块变成几乎快看不到颜色与文字，
        第二个区块不透明度设为 0.5（opacity:0.5），所以比第一个区块清楚多了，
        第三个区块再度降低不透明度到 0.8，文字与背景颜色都越更加明显，这就是 CSS3 opacity 属性的实际效果，
        由范例可以很清楚的看到，一个 DIV 区块内的文字内容与背景颜色（background-color）
        都会受到 opacity 属性的
        <!--caret
        的作用 不知道是啥-->
        <span class="caret">1111</span>不透明度影响。
        <span class="text-primary">猜猜看啊</span>
    </p>
    <div>
        <form action="" class="form-horizontal">
            <!--label和input要在一行的话，需要进行栅格定位，然后进行写-->
            <div class="form-group has-feedback ">
                <label for="iuse" class="col-md-3 control-label">usename</label>
                <div class="col-md-9 input-group">
                    <div class="input-group-addon ">#</div>
                    <input type="text" class="form-control" id="iuse">
                </div>

            </div>
            <div class="col-md-2">
                <select class="form-control" name="sel" id="1">
                    <option value="i">12</option>
                    <option value="i">12</option>
                    <option value="i">12</option>
                    <option value="i">12</option>
                    <option value="i">12</option>

                </select>
            </div>

        </form>

    <div class="pull-right">
        hahhahhahaah

    </div>
    </div>

</div>

</body>
</html>